body {
    // padding-bottom: 60px;
    color: #3e3e3e;
    background: #efeff4;
    padding-top: 55px;
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header .right,
.header .left {
    padding: 10px;
}

.header .right i,
.header .left i {
    font-size: 24px;
}

.header .middle {
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.banner img {
    width: 100%;
    height: auto;
    max-height: 130px;
}
.info-list {
  background: #fff;
}

.info-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
}

.info-list li img {
    width: 80px;
    height: 60px;
}

.info-list li div.content {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.info-list li div.content div.words {
    font-size: 14px;
    height: 40px;
}

.info-list li div.content p {
    color: #9f9e9e;
    overflow: hidden;
    font-size: 12px;
}

.info-list li div.content p span {
    float: left;
}

.info-list li div.content p i {
    float: right;
}

.no-data{
  text-align: center;
  line-height: 30px;
}